<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title>层级列表示例</title>
    <link rel="stylesheet" href="../stylesheets/common.css" />
    <link rel="stylesheet" href="../stylesheets/table.css" />
    <link rel="stylesheet" href="../ext/zw/lui-v2.1/css/extension.css" />

</head>

<body>
    <div class="place">
        <span class="label-span">位置：</span>
        <ul id="place-list" class="place-ul">
            <li>
                首页
            </li>
        </ul>
    </div>
    <div class="body-warp">


        <div class="panel" style="">
            <div class="panel-body">
                <form class="field-container">
                    <span class="headline">包裹框<i class="iconfont infotips showtips" data-tipsid='#ccc' title="这里可以进行解释说明">&#xe644;</i></span>
                    <div id="ccc" class="showtips-alert alert alert-success mb-10"><span><i class="iconfont">&#xe624;</i>这里可以进行解释说明</span><span class="tips-close"><i class="iconfont">&#xe628;</i></span></div>
                    <table class="form-table">

                        <tr>
                            <td>
                                <label class="form-label" for="search1">示例1：纯下拉列表<b class="red">*</b></label>
                            </td>
                            <td>
                                <div>
                                    <div id="panelview0201" class="ext-select-panelview  form-control">
                                    </div>
                                    <div id="treelist0201" class="ext-treelist hide">
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../ext/jquery/jquery-1.11.3.min.js"></script>
    <script type="text/javascript" src="../ext/zw/lui-v2.1/js/common.js"></script>
    <script type="text/javascript" src="../ext/zw/lui-v2.1/js/luicontroller-advance.js"></script>
    <script type="text/javascript" src="../ext/zw/lui-v2.1/js/panelview.js"></script>
    <script type="text/javascript" src="../ext/zw/lui-v2.1/js/tree.js"></script>
    <script type="text/javascript" src="../ext/zw/lui-v2.1/js/extension.js"></script>
    <script>
        $(function () {
            var setting = {
                async:{
                    enabled:true,
                    url:"data.json"
                },
                
                view: {
                    enabledCheckMode: true,
                    checkedMultiple: true,
                    enabledSelectMode: false,
                    selectIsCheck: true,
                    enabledFilter: true,
                }
            }



            //#01 纯下拉列表示例
            var setting0101 = $.extend(true, {}, setting);

            panel0201 = $("#panelview0201").panelview();
            tree0201 = $("#treelist0201").tree(setting0101);

            //封装UI
            EXT.Viewer({
                trigger: tree0201,
                viewer: panel0201
            })

        });

        /*初始化控件*/
        function initWidget() {}

        function addListeners(argument) {

        }
    </script>
</body>

</html>